
<div class="row" style="margin-top: 10px;">
    <div class="col">

        <div ngbDropdown class="d-inline-block mr-2">
            <button class="btn btn-outline-secondary" ngbDropdownToggle>增加节点</button>
            <div ngbDropdownMenu>
                <button class="dropdown-item" (click)="add_child()">添加子节点</button>
                <button class="dropdown-item" (click)="add_brother()">添加兄弟节点</button>
            </div>
        </div>

        <div class="d-inline-block mr-2">
            <button class="btn btn-outline-secondary " (click)="remove()">删除节点</button>
        </div>

        <div class="d-inline-block mr-2" ngbDropdown>
            <button class="btn btn-outline-secondary" ngbDropdownToggle>节点颜色</button>
            <div ngbDropdownMenu>
                <button class="dropdown-item" (click)="change_node_color('#f00')">红色</button>
                <button class="dropdown-item" (click)="change_node_color('#000')">黑色</button>
                <button class="dropdown-item" (click)="change_node_color('#004488')">蓝色</button>
            </div>
        </div>

        <div class="d-inline-block mr-2" ngbDropdown>
            <button class="btn btn-outline-secondary" ngbDropdownToggle>文字颜色</button>
            <div ngbDropdownMenu>
                <button class="dropdown-item" (click)="change_font_color('#0f0')">绿色</button>
                <button class="dropdown-item" (click)="change_font_color('#f0f0f0')">白色</button>
                <button class="dropdown-item" (click)="change_font_color('#775533')">棕色</button>
            </div>
        </div>


    </div>
    <div class="col text-right">

        <div class="d-inline-block mr-2">
            <button class="btn btn-outline-secondary" (click)="save()">保存</button>
        </div>

        <div class="d-inline-block mr-2">
            <button class="btn btn-outline-secondary" (click)="screen_shot()">截图</button>
        </div>
    </div>
</div>

<!--<p style="margin-top: 10px;">-->
    <!--<ngb-alert *ngIf="selected_node_id==''" [dismissible]="true">-->
        <!--要操作节点或者查看对应的文件，请先选择对应的节点！-->
    <!--</ngb-alert>-->
<!--</p>-->


<div id="jsmind_container" style="width: 100%; margin-top: 10px;"></div>
